<template>
  <div class="all">
    <div class="q">报表站位1</div>
    <div class="w">报表站位2</div>
    <div class="e">报表站位3</div>
    <div class="r">报表站位4</div>
  </div>
</template>

<style scoped>
.all {
  width: 100%;
  height: 100%;
}
.q {
  float: left;
  width: 50%;
  height: 50%;
  border: 1px;
  background-color: rgb(222, 233, 245);
}
.w {
  float: left;
  width: 50%;
  height: 50%;
  border: 1px;

  background-color: rgb(236, 222, 222);
}
.e {
  float: left;
  width: 50%;
  height: 50%;
  border: 1px;
  background-color: rgb(233, 226, 220);
}
.r {
  float: left;
  width: 50%;
  height: 50%;
  background-color: rgb(227, 240, 233);
}
</style>